/**
 * 退货单信息
 */
import React, { Component } from 'react';
import { Row, Col } from 'antd'
import dialog from './Dialog.js'

@dialog
class Returned extends Component {
    
    render() {
        const { returned } = this.props;
        return (
            <div>
                <Row className="pusht">
                    <Col span={4}>
                        <label>退货单号：</label> 
                    </Col>
                    <Col span={16}>
                        {returned.get('receiptId')}
                    </Col>
                </Row>
                <Row className="pusht">
                    <Col span={4}>退货方式：</Col>
                    <Col span={16}>
                        {returned.get('shippingMethodName')}
                    </Col>
                </Row>
                <Row className="pusht">
                    <Col span={4}>
                        <label>退款原因：</label> 
                    </Col>
                    <Col span={16}>
                        {returned.get('returnedReasonName')}
                    </Col>
                </Row>
                <Row className="pusht">
                    <Col span={4}>物流公司：</Col>
                    <Col span={16}>
                        {returned.get('logisticCompanyName') || '无'}
                    </Col>
                </Row>
                <Row className="pusht">
                    <Col span={4}>
                        <label>物流费用：</label> 
                    </Col>
                    <Col span={16}>
                    {returned.get('logisticFee') || '0'}
                    </Col>
                </Row>
                 <Row className="pusht">
                    <Col span={4}>物流单号：</Col>
                    <Col span={16}>
                        {returned.get('logisticNo') || '无'}
                    </Col>
                </Row>
                <Row className="pusht">
                    <Col span={4}>
                        <label>退货人：</label> 
                    </Col>
                    <Col span={16}>
                    {returned.get('returnedName')}
                    </Col>
                </Row>
                <Row className="pusht">
                    <Col span={4}>手机号码：</Col>
                    <Col span={16}>
                        {returned.get('mobile')}
                    </Col>
                </Row>

                <Row className="pusht">
                    <Col span={4}>
                        <label>电话：</label> 
                    </Col>
                    <Col span={16}>
                    {returned.get('phone') || '无'}
                    </Col>
                </Row>
                 <Row className="pusht">
                    <Col span={4}>退货地址：</Col>
                    <Col span={16}>
                        {returned.get('returnedDistrict')}
                        &nbsp;
                        {returned.get('returnedAddress')}
                    </Col>
                </Row>
                <Row className="pusht">
                    <Col span={4}>
                        <label>邮编：</label> 
                    </Col>
                    <Col span={16}>
                    {returned.get('zip') || '无'}
                    </Col>
                </Row>
                <Row className="pusht">
                    <Col span={4}>创建时间：</Col>
                    <Col span={16}>
                        {returned.get('receiptTime')}
                    </Col>
                </Row>
            </div>
        );
    }
}

export default Returned;